<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style>
        body {margin:0px;}
        ul {padding:10px;}
        li {
            list-style:none;
            background:#ff6600;
            width:calc(33.33% - 20px);
            padding-bottom:calc(33.33% - 20px);
            margin:10px;
            border-radius: 10px;
            float:left;
        }
    </style>
</head>
<body>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul></div>
</body>
</html>
